<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>表单模块 - layui</title>

<link rel="stylesheet" href="../layui/css/layui.css">

<style>
body{padding: 50px 100px;}
</style>
</head>
<body>

<form action="" class="layui-form">
  <ul>
    <li class="layui-form-li">
      <div class="layui-form-label">
        <label>日期</label>
        <input required type="text" id="layui-laydate-input">
      </div>
    </li>
  </ul>
</form>

<script src="../layui/layui.js"></script>
<script>
layui.use('laydate', function(){
  var laydate = layui.laydate
 
  laydate({
    elem: '#layui-laydate-input'
  });
});
</script>
</body>
</html>
